<template>
	<view class="">
		<view class="wantCMain">
			<view class="wantghj">
				<image class="img1" src="../../static/4.png"></image>
				<image class="img2" src="../../static/5.png"></image>
				<view class="img3">
					<image src="../../static/6.png"></image>
				</view>
			</view>
			<view class="csdf-ty">
				<image src="../../static/7.png"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
.wantCMain{
	position: relative;
	width: 100%;
	height: 357rpx;
	.csdf-ty{
		width: 100%;
		height: 357rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.wantghj{
		position: absolute;
		z-index: 2;
		width: 100%;
		height: 100%;
		.img1{
			width: 179rpx;
			height: 35rpx;
			margin: 30rpx 20rpx;
		}
		.img2{
			width: 90%;
			height: 50rpx;
			margin-left: 5%;
			margin-top: 35rpx;
		}
		.img3{
			width: 227rpx;
			height: 75rpx;
			background: #FFFFFF;
			border-radius: 38rpx;
			border: 1px solid #FF8422;
			position: absolute;
			right: 30rpx;
			bottom: 30rpx;
			text-align: center;
			line-height: 75rpx;
			image{
				width: 143rpx;
				height: 34rpx;
			}
		}
	}
}
</style>